<template>
    <div class="two">
        <h3>使用文本编辑工具编辑代码</h3>
        <img src="http://by-courses.oss-cn-hangzhou.aliyuncs.com/%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91%E5%85%A5%E9%97%A8/FirstHtml/image/image-20200716000735812.png" alt="image-20200716000735812">
        <p>当你看到文本编辑工具可能会想到类似office word之类的编辑工具，但是我们是用来编写代码的工具，需要使用纯文本编辑工具</p>
        <p><img src="http://by-courses.oss-cn-hangzhou.aliyuncs.com/%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91%E5%85%A5%E9%97%A8/FirstHtml/image/image-20200716000822796.png" alt="image-20200716000822796"></p>
        <p>不要使用Word来编写代码，你写的代码不应该带有样式，应该只是纯文本</p>
        <img src="http://by-courses.oss-cn-hangzhou.aliyuncs.com/%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91%E5%85%A5%E9%97%A8/FirstHtml/image/image-20200716001033907.png" alt="image-20200716001033907" style="zoom:50%;">
    </div>
</template>
<script>

export default ({
    name:'two',
    data(){
        return{
        }
    },
    methods:{
    }
})
</script>
<style scoped>
.two{
    width: 70%;
    height: 600px;
    color: black;
    margin: 40px auto;
    font-size: 12px;
    overflow: scroll;
}
.two img{
    width: 90%;
}
</style>
